﻿<style>
    .idarrow {
        position: relative
    }
    .idarrow:after {
        content: "";
        position: absolute;
        left: 170px;
        top: 260px;
        border-right: 220px solid #fff;
        border-top: 20px solid transparent;
        border-bottom: 20px solid transparent;
        font-size: 0;
        height: 0;
        line-height: 0;
        transform: rotate(-30deg);
    }
</style>
<div class="mainbox">
    <h2 class="maintit">{{tip}}</h2>
    <div class="paybox cardIDbox">
        <div class="robot">
            <img src="../../../../personal/images/robot.png" width="230">
        </div>
        <div class="viewbox">
            <div class="cardview">
                <img src="../../../images/cardID.jpg" width="220" height="138">
            </div>
        </div>
    </div>
</div>